<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>Document</title>
</head>

<body>
    <header>
        <h2 class="title">三生 创业孵化小微分类驱动体系</h2>
        <div class="time"><span></span>-<span></span>-<span></span>&nbsp;&nbsp;<span></span>:<span></span>:<span></span></div>
    </header>
    <div class="subnav">
        <div class="row1">
            <div class="industry">
                <label for="industryIpt" class="lable">产业 :</label>
                <select name="" id="industryIpt" class="titleIpt">
                    <option>产业</option>
                    <option>互联</option>
                    <option>制冷</option>
                    <option>洗涤</option>
                    <option>彩电</option>
                    <option>大客户</option>
                    <option>厨电</option>
                    <option>超前</option>
                </select>
            </div>
            <div class="date">
                <label for="dateIpt" class="lable">时间 :</label>
                <input type="date" id="dateIpt" class="titleIpt">
            </div>
            <div id="select" class="box_sp">查询</div>
            <div class="legend">
                <span class="star five"></span><span>5星</span>
                <span class="star four"></span><span>4星</span>
                <span class="star three"></span><span>3星</span>
                <span class="star two"></span><span>2星</span>
                <span class="star one"></span><span>1星</span>
            </div>
            <div class="ill">小微 : 估值/融资额/生态收入</div>
            <div class="switch">
                <div class="switch_1">估值</div>
                <div class="switch_2">融速</div>
            </div>
        </div>
        <div class="row2">
            <div class="name">周兆林</div>
            <div class="level">
                <span>目标 :</span>
                <span class="levelStar levelStar_1">★★</span>
                <span>预算 :</span>
                <span class="levelStar levelStar_2">★★★★</span>
                <span>实际 :</span>
                <span class="levelStar levelStar_3">★★★</span>
            </div>
            <div class="summary">
                <input type="text" id="summaryIpt" value="总体结论">
            </div>
        </div>
    </div>
    <main>
        <div class="m_left">
            <div class="m_left_top">
                <div>
                    <h2>引领目标</h2>
                    <textarea name="" id="Dgoal"></textarea>
                </div>
            </div>
            <div class="m_left_oth">
                <div class="turnup">
                    <p class="left_title">融资轮次</p>
                    <div class="turnbox">
                        <div class="titilebox box_sp">独角兽/IPO</div>
                        <div class="boxcnt">
                            进入独角兽排行</br>
                            自主研发，国际领先的技术
                        </div>
                    </div>
                    <div class="turnbox">
                        <div class="titilebox box_sp">C轮</div>
                        <div class="boxcnt">
                            正现金流</br>
                            实现盈利，生态收入倍数增长</br>
                        </div>
                    </div>
                    <div class="turnbox">
                        <div class="titilebox box_sp">B轮</div>
                        <div class="boxcnt">
                            生态吸力，收入倍数增长</br>
                            用户及资源方蜂拥而至
                        </div>
                    </div>
                    <div class="turnbox">
                        <div class="titilebox box_sp">A轮</div>
                        <div class="boxcnt">
                            有增值分享空间</br>
                            盈利模式清晰</br>
                            有用户粘性
                        </div>
                    </div>
                    <div class="turnbox">
                        <div class="titilebox box_sp">天使轮</div>
                        <div class="boxcnt">
                            创业团队，跟投对赌</br>
                            市场机会空间大
                        </div>
                    </div>
                    <!-- line -->
                    <div class="line line_1">
                        <img src="./images/加速期up.png" alt="" class="img_up">
                        加速期
                        <img src="./images/加速期down.png" alt="" class="img_down">
                    </div>
                    <div class="line line_2">
                        A轮及以下
                    </div>
                </div>
                <div class="turndown">
                    <div class="turnbox turnbox_s">
                        <div class="titilebox box_sp titilebox_s">未引入社会化资本</div>
                        <div class="boxcnt boxcnt_s">
                            成立一年一上</br></br>
                            成立半年以上
                        </div>
                    </div>
                    <div class="turnbox turnbox_s_n">
                        <div class="boxcnt boxcnt_s_n">
                            成立半年以内
                        </div>
                    </div>
                    <div class="line line_3">
                        孵化期
                    </div>
                    <div class="line line_4">
                        新冒出
                    </div>
                </div>
            </div>
        </div>
        <div class="m_right">
            <div class="column column_1">
                <div class="column_top">
                    <h2>11月预实差</h2>
                    <div class="int">
                        <span>引爆目标</span>
                        <input type="text">
                    </div>
                    <div class="int">
                        <span>小微升级</span>
                        <input type="text">
                    </div>
                </div>
                <div class="column_oth">
                    <div class="oth_up">
                        <div class="little_title">
                            <div class="gat">目标/实际</div>
                        </div>
                        <div class="tables"></div>
                    </div>
                    <div class="oth_down"></div>
                </div>
            </div>

            <!-- 滚动区域 -->
            <div class="scroll">
                <div class="column column_2">
                    <div class="column_top">
                        <h2>12月预算</h2>
                        <div class="int">
                            <input type="text">
                        </div>
                        <div class="int">
                            <input type="text">
                        </div>
                    </div>
                </div>
                <div class="column column_3">
                    <div class="column_top">
                        <h2>2019年1月预算</h2>
                        <div class="int">
                            <input type="text">
                        </div>
                        <div class="int">
                            <input type="text">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <script src="./js/index.js"></script>
</body>

</html>